<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'ZY_KangFuFangAn_0',
'ZY_ZhongZhengKangFu_1',
'ZY_HuXiKangFu_2',
'ZY_XinZangKangFu_3',
'ZY_ZhongLiuKangFu_4',
'ZY_ShuShiHuaWuBingYi_5',
'ZY_6_6',
'img_mL65W7',
'ZY_HuNanZeTianYiLiao_8',
'ZY_9_9',
'ZY_10_10',
'ZY_11_11'
"  ></cms:ads>
<!doctype html>
<!-- 康复方案-->
<html>
 <head> 
  <meta charset="utf-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"> 
  <meta content="telephone=no" name="format-detection"> 
  <meta content="yes" name="apple-mobile-web-app-capable"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>${网页标题}</title>
  <link rel="stylesheet" type="text/css" href="http://hwfile.jyymatrix.cc/ztyl/mobile/./css/common.css"> 
  <link rel="stylesheet" type="text/css" href="http://hwfile.jyymatrix.cc/ztyl/mobile/./css/swiper.min.css"> 
  <link rel="stylesheet" type="text/css" href="http://hwfile.jyymatrix.cc/ztyl/mobile/../css/iconfont.css"> 
  <style> .tab-list{ display: flex; flex-wrap: wrap; align-items: center; } .tab-list .item{ text-align: center; padding: 8px 16px; border: 1px solid #008BA1; box-sizing: border-box; margin:10px 10px 0px; } .tab-list .item a{ font-size: 15px; color: #000000; } .tab-list .active{ background-color: #008BA1; box-sizing: border-box; } .tab-list .active a{ color: #FFFFFF; } .show{ display: block; } .hide{ display: none; } .tab-content img{ width: 100%; } .tab-content p{ font-size: 16px; line-height: 30px; }
  .tab-list  {padding:0 10px}
  .container { padding: 0 !important;}
  </style>
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="about-us-header"> 
   <p class="zy" data-type="ad" data-id="${ZY_KangFuFangAn_0.adId}">${ZY_KangFuFangAn_0.adTitle}</p> 
  </div> 
  <div class="container"> 
   <div class="tab-list">
    <cms:arts var="artList" code="mkffa" pageNow="0" pageSize="10"></cms:arts>
    <c:forEach items="${artList }" var="item" varStatus="status">
     <div class="${status.count == 1 ? "item active" : "item" }">
      <a>${item.artTitle}</a>
     </div>
    </c:forEach>
   </div>
   <c:forEach items="${artList }" var="item" varStatus="status">
    <div class="${status.count == 1 ? "tab-content" : "tab-content hide" }">
      ${item.artContent }
    </div>
   </c:forEach>
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include>  
  <script src="http://hwfile.jyymatrix.cc/ztyl/mobile/./js/swiper.min.js" type="text/javascript" charset="utf-8"></script> 
  <script>
		// var mySwiper = new Swiper ('.swiper-header', {
		//   autoplay: false,
		//
		//   // 如果需要分页器
		//   pagination: '.swiper-pagination',
		//
		// })
	
		function showPopup() {
			var popBg = document.getElementById("popBg");
			var popBox = document.getElementById("popBox");
			popBox.style.animation = "popup 1s"
			popBg.style.display = "block";
			popBox.style.display = "block";	
		};
		 
		/*点击关闭按钮*/
		function closePopup() {
			var popBg = document.getElementById("popBg");
			var popBox = document.getElementById("popBox");
			popBox.style.animation = "packup 1s"
			popBg.style.display = "none";
			popBox.style.display = "none";
							
		}
		
		var tabItemEls = document.getElementsByClassName('item');
		var tabItemContent = document.getElementsByClassName('tab-content');
    var type = getQueryVariable('type') || 0;
    tabChange(type)
    
		for(var i= 0; i < tabItemEls.length;i++){
			let index = i;
			tabItemEls[i].onclick = tabChange.bind(this, index);
		}
		function tabChange(index){
			for(var i= 0; i < tabItemEls.length;i++){
				tabItemEls[i].className="item";
				tabItemContent[i].className="tab-content hide"
			}
			tabItemEls[index].className="item active";
			tabItemContent[index].className="tab-content show"
		}
    function getQueryVariable(variable)
      {
          var query = window.location.search.substring(1);
          var vars = query.split("&");
          for (var i=0;i<vars.length;i++) {
                  var pair = vars[i].split("=");
                  if(pair[0] == variable){return pair[1];}
          }
          return(false);
      }
	</script>  
 </body>
</html>